<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="/css/details.css">
    <link rel="stylesheet" href="/libs/font_cvv537byqg7/iconfont.css">
</head>
<body>
    <header></header>
    <section>
        <div class="details-shopCar" id="details">
            <!-- <div class="details-shopCar-left">
                <ul>
                    <li><a href=""><img src="" alt=""></a></li>
                </ul>
                <div ><a href=""><img src="" alt=""></a></div>
            </div>
            <div class="details-shopCar-right">
                <h2>产品名称</h2>
                <span>￥2499.00</span>
                <div class="sizes">
                    <span>尺码：</span>
                    <ul>
                        <li><a href="">42.5</a></li>
                        <li><a href="">44</a></li>
                        <li><a href="">46.5</a></li>
                    </ul>
                </div>
                <i>宽度：标准鞋款（D）</i>
                <i>尺码&宽度</i>
                <div class="choose">
                    <div>
                        <button>-</button>
                        <p>数量<span>1</span></p>
                        <button>+</button>
                    </div>
                    <a href="">
                        <span>加入购物车</span>
                        <i class="iconfont">&#xe602</i>
                    </a>
                </div>
            </div> -->
        </div>
        <script type="text/html" id="detailTemplate">
            <div class="details-shopCar-left">
                <ul id="gal1">
                    {{each images src}}
                        <li><a href="javascript:;"  data-image="{{src.img}}" data-zoom-image="{{src.img}}"><img src="{{src.img}}" ></a></li>
                    {{/each}}
                </ul>
                <div ><a href="javascript:;"><img src="{{images[0].img}}" class="zoom-image" data-zoom-image="{{images[0].img}}"></a></div>
            </div>
            <div class="details-shopCar-right">
                <h2>{{title}}</h2>
                <span>￥{{price}}</span>
                <div class="sizes">
                    <span>尺码：</span>
                    <ul>
                        {{each size size1}}
                            <li><a href="">{{size1.size1}}</a></li>
                        {{/each}}
                    </ul>
                </div>
                <i>宽度：标准鞋款（D）</i>
                <i>尺码&宽度</i>
                <div class="choose">
                    <div>
                        <button id="reduces">-</button>
                        <input type="text" id = "carNum" value="1">
                        <button id="addit">+</button>
                    </div>
                    <span class="addCar">
                        <a href="javascript:;" id="add-cart">加入购物车</a>
                        <i class="iconfont">&#xe602</i>
                    </span>
                </div>
            </div>
        </script>
        <div class="details-desc">
            <p>产品详情</p>
            <p>本次New Balance x Red Wing (红翼)联名系列进一步升级经典，选用速度快九五手段维护的牛五点我对你交互文档i我很少就是那就是嘟嘟上的你和我室内定位iu电脑怼回去我电脑</p>
            <ul>
                <li>货号：M992339RW</li>
                <li>上市时间：2019年秋季</li>
                <li>产地：美国</li>
                <li>帮面材质：猪革皮</li>
                <li>品名：男鞋</li>
                <li>规格：25cm~30cm</li>
                <li>等级：合格品</li>
                <li>ENCAP中底</li>
            </ul>
        </div>
        <div class="details-likes">
            <h3>您可能喜欢</h3>
            <ul id="details-list">
                <!-- <li>
                    <a href=""><img src="" alt=""></a>
                    <span>中性款 990V2系列美产休闲鞋</span>
                    <span>￥1899</span>
                    <a href="">点击购买</a>
                </li> -->
            </ul>
            <script type="text/html" id="details-likes">
                {{each list item,index}}
                <li>
                    <a href=""><img src="{{item.src}}" alt=""></a>
                    <span>{{item.name}}</span>
                    <span>￥{{item.price}}</span>
                    <a href="">{{item.work}}</a>
                </li>
                {{/each}}
            </script>
        </div>
        <div class="details-img">
        </div>
    </section>
    <footer></footer>
    <div class="cart">
        <a href="/html/shopcar.html">购物车：</a>
        <span>0</span>
    </div>
    <script src="/libs/requirejs/require.min.js" data-main="/js/details"></script>
</body>
</html>